<template>
  <div class='home'>
    <el-container class="home-container">
      <!-- 头部 -->
      <el-header>
        <div class='user-info'>
          <!-- <p>商家平台</p> -->
          <img src="@/images/main.png" alt="">
          <div class='user-name'>
            <!-- <div></div> -->
            <span>您好，{{$store.getters.username}}</span>
            <!-- <span>您好，{{getUserName}}</span> -->
            &nbsp;&nbsp;&nbsp;
            <span>余额：{{$store.getters.money}}元</span>
            &nbsp;&nbsp;
            <span v-on:click='logout' style="cursor:pointer">退出</span>
          </div>
        </div>
      </el-header>
      <el-container class="container-bolck">
        <!-- 左侧部分 -->
        <el-aside width="200px"
         collapse='true'>
          <el-menu :default-active="$route.path" :default-openeds="['1','2','3','4']" class="el-menu-vertical-demo" :router='true' :unique-opened="false" :collapse="isCollapse" @open="handleOpen" @close="handleClose" background-color="RGBA(57, 71, 107, 1)" text-color="#fff" active-text-color="#ffd04b">
            <el-submenu index="1">
              <template slot="title">
                <i class='iconfont icon-shangjia'></i>
                <span>商家中心</span>
              </template>
              <el-menu-item index="/appealcenter">
                <i class="iconfont icon-web-icon-" style='font-size:19px;'></i>
                <span slot="title">推广赚金</span>
              </el-menu-item>
              <el-menu-item index="/appeal">
                <i class="iconfont icon-bianji"></i>
                <span slot="title">申诉中心</span>
              </el-menu-item>
							<el-menu-item index="/bindstore">
								<i class="iconfont icon-bangding"></i>
								<span slot="title">绑定店铺</span>
						 	</el-menu-item>
            </el-submenu>
            <el-submenu index="2">
              <template slot="title">
                <i class="iconfont icon-huodong"></i>
                <span>活动中心</span>
              </template>
              <el-menu-item index="/selectpath">
                <i class="iconfont icon-fabu"></i>
                <span slot="title">发布活动</span>
              </el-menu-item>
              <el-menu-item index="/activitylist">
                <i class="iconfont icon-huodongliebiao" style='font-size:19px'></i>
                <span slot="title">活动列表</span>
              </el-menu-item>
              <el-menu-item index="/orderlist">
                <i class="iconfont icon-dingdanliebiao"></i>
                <span slot="title">订单列表</span>
              </el-menu-item>
            </el-submenu>
            <el-submenu index="3">
              <template slot="title">
                <i class="iconfont icon-zijinguanli"></i>
                <span>资金管理</span>
              </template>
              <el-menu-item index="/detail">
                <i class="iconfont icon-mingxi" style='font-size:19px;'></i>
                <span slot="title">明细</span>
              </el-menu-item>
              <el-menu-item index="/recharge">
                <i class="iconfont icon-chongzhi"></i>
                <span slot="title">充值</span>
              </el-menu-item>
            </el-submenu>
            <el-submenu index="4">
              <template slot="title">
                <i class="iconfont icon-shezhi"></i>
                <span>设置</span>
              </template>

              <el-menu-item index="/password">
                <i class="iconfont icon-xiugaimima"></i>
                <span slot="title">修改密码</span>
              </el-menu-item>
            </el-submenu>
          </el-menu>
        </el-aside>
        <!-- 右侧部分 -->
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script src='./Home.js'>

</script>

<style lang='scss' scoped>
@import "./Home.scss";
i{
  //  width:24px;
  //  height:24px;
   font-size:18px;
}
</style>
